<!DOCTYPE html>
<html>
	<head>
		<title>宅好思</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
		<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
	</head>
	<body>
		<div data-role="page">
			<div data-role="header" data-theme="b">
				<h1>宅好思<h1>
			</div>
			<div data-role="content" data-theme="b">
				<ul data-role="listview" data-inset="true" data-filter="true">
					<li><a href="#zhaopai">招牌系列</a></li>
					<li><a href="#nongqing">浓情系列</a></li>
					<li><a href="#binfen">缤纷系列</a></li>
					<li><a href="#jiankang">健康系列</a></li>
					<li><a href="#kaiwei">开胃系列</a></li>
					<li><a href="#shihui">实惠系列</a></li>
					<li><a href="#zirun">滋润系列</a></li>
					<li><a href="#jingjitaocan">经济套餐系列</a></li>
				</ul>
			</div>
			<div data-role="footer" data-theme="b">
				<div data-role="navbar">
					<ul>
						<li>
							<a href="index.html" class="ui-btn-active">菜单</a>
						</li>
						<li>
							<a href="food.html">食材</a>
						</li>
						<li>
							<a href="notice.html">通知</a>
						</li>
						<li>
							<a href="about.html">关于</a>
						</li>
						
					</ul>
				</div>
			</div>
		</div>

		<div data-role="page" id="zhaopai">
			<div data-role="header">
				<h1>招牌系列</h1>
			</div>
			<div data-role="content">
				<ul data-role="listview" data-filter="true">
					<li><a href="#yigezhupa">一哥猪扒饭</a></li>
					<li><a href="#zagujipa">杂菇鸡扒饭</a></li>
					<li><a href="#baozhijipa">鲍汁鸡扒饭</a></li>
					<li><a href="#yanrouzhupa">烟肉猪扒饭</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>